{%- style -%}
/**
 * Kiks CSS Variables
 * This file contains CSS variables for the Kiks theme.
 * It includes styles for buttons, section backgrounds, and more.
 */
 body main .btn-primary,
body main .kiks-btn-primary:not(.btn-outline-primary):not(.btn-link):not(.link-primary) {
  background: {{ settings.primary_button_color }};
   color: {{ settings.primary_text_color }};
  text-transform: {{ settings.button_transform }};
  transition: all 0.8s ease;
   padding: 12px 56px;
  font-size: 16px;
  font-weight: 700;
}
body main .btn-primary:hover,
body main .kiks-btn-primary:hover:not(.btn-outline-primary):not(.btn-link):not(.link-primary) {
  background: {{ settings.primary_button_color }};
  opacity: 0.8;
}

.kiks-btn-secondary:not(.btn-outline-secondary):not(.btn-link):not(.link-secondary):not(.btn-primary) {
  border: 1px solid {{ settings.secondary_button_color }};
  color: {{ settings.secondary_text_color }};
  text-transform: {{ settings.secondary_button_transform }};
  transition: all 0.8s ease;
    padding: 12px 56px;
  font-size: 16px;
  font-weight: 700;
}

body main .kiks-btn-secondary:hover:not(.btn-outline-secondary):not(.btn-link):not(.link-secondary):not(.btn-primary) {
  border: 1px solid {{ settings.secondary_button_color }};
  opacity: 0.8;
}


@media only screen and (max-width: 820px) {
  body main .btn-primary,
  body main .kiks-btn-primary:not(.btn-outline-primary):not(.btn-link):not(.link-primary),
  body main .kiks-btn-secondary:not(.btn-outline-secondary):not(.btn-link):not(.link-secondary):not(.btn-primary) {
    padding: 8px 40px;
  }
  
}

{%- endstyle -%}
